@import './var.css';
@import 'element-plus/theme-chalk/dark/css-vars.css';

.reset-margin [class*='el-icon'] + span {
  margin-left: 2px !important;
}

// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}

// 解决表格内容超过表格总宽度后，横向滚动条前端顶不到表格边缘的问题
.el-scrollbar__bar {
  display: flex;
  justify-content: flex-start;
}

/* nprogress 适配 element-plus 的主题色 */
#nprogress {
  & .bar {
    background-color: var(--el-color-primary) !important;
  }

  & .peg {
    box-shadow:
      0 0 10px var(--el-color-primary),
      0 0 5px var(--el-color-primary) !important;
  }

  & .spinner-icon {
    border-top-color: var(--el-color-primary);
    border-left-color: var(--el-color-primary);
  }
}

.headerBg {
  background-image: url("@/assets/images/headerBg.png"), url("@/assets/images/headerBg2.png");
  background-repeat: no-repeat, repeat-x; /* 第一个背景图不重复，第二个背景图水平重复 */
  background-position: left center, right center; /* 第一个背景图从左侧中心开始，第二个背景图从右侧中心开始 */
  background-size: auto 101%, 100% 100%;
}
.leftBgUrl{
  // background-image: url("@/assets/images/leftMenu.png")!important;
  // background-size: 100% 100%!important;
  // background-color: #549ef9;
  background-image: linear-gradient(to bottom, #549ef9, #0c54d8 )
}
.indexBg{
  background-image: url("@/assets/images/indexBg.png");
}
//鼠标小手
.pointer{
  cursor:pointer
}
//表单底部提交样式
.el-colfoot{
  position: absolute;
    left: 0px;
    width: 100%;
    height: 72px;
    opacity: 1;
    bottom: 0;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 0.5px solid #FFFFFF;
    text-align: right;
    padding: 20px;
    z-index: 3;
}
.mdbj{
  border-radius: 2px;
  opacity: 1;
  background: #F5F8FA;
  margin: 10px 0;
  padding: 10px 0;
}
.mdbj_content{
  padding: 10px;
}